import React from "react";
// import PropTypes from "prop-types";

/**
 * 场景：分页组件，默认按照每页10条数据分页
 * 实现：给 props 设置默认值，在未传入props 时生效。
 * 方法：App.defaultProps 属性，类型为对象
 *
 * App.defaultProps = { pageSize: 10 }
 */

class Parent extends React.Component {
  render() {
    return (
      <div>
        <h2>父组件</h2>
        <hr />
        <App />
        <App pageSize={20} />
      </div>
    );
  }
}

class App extends React.Component {
  render() {
    return (
      <div>
        <h3>子组件 pageSize</h3>
        {this.props.pageSize}
      </div>
    );
  }
}

App.defaultProps = {
  pageSize: 10,
};


export default Parent;
